<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="效果">
    <title>Title</title>
</head>
<body>
<head>
    <style type="text/css">
        *{color:#cc0000;margin:0;padding: 0;}
        . container {width: 100%;background: #01AAED;}
        .container . top {float:right;height: 64px;line-height: 64px;background: coral;}
        .container . main {font-size: 14px;padding: 16px;width: 100%;float: left;}
        .container . footer{width: 100%;font-size: 14px;text-align: center;}
    </style>
</head>
<div class="container">
    <div class="top">
        123 | 123 | 123 | 123
    </div>
    <div class="main">
        <p>1234685468</p>
        <p>1234685468</p>
        <p>1234685468</p>
        <p>1234685468</p>
        <p>1234685468</p>
        <p>1234685468</p>
        <p>1234685468</p>
        <p>1234685468</p>
    </div>
</div>